.customer {
  margin-top: 1.25rem;
  margin-left: .6rem;
  overflow: hidden;
  .headPortrait {
    float: left;
    img {
      width: 2.125rem;
      height: 2.125rem;
    }
  }
  .customerItem {
    float: left;
    margin-left: .25rem;
    .customerName {
      .fz12;
      color: #999999
    }
    .dialogBox {
      position: relative;
      margin-top: .5rem;
      margin-left: 1rem;
      width: 12.75rem;
      background-color: #F5F5F5;
      p {
        padding: .5rem;
        .fz14;
        color: #333333;
        word-break: break-all;
        word-wrap: break-word;
      }
      &:before {
        content: "";
        position: absolute;
        top: .5rem;
        left: -.75rem;
        width: 0;
        height: 0;
        border-top: .375rem solid transparent;
        border-right: .75rem solid #F5F5F5;
        border-bottom: .375rem solid transparent;
      }
    }
  }
  .clear{
    clear: both;
  }
}
.time{
  height: 1rem;
  margin-top: 1.5rem;
  text-align: center;
  .fz12;
  color:#666666;
}


.inputBox{
  position: fixed;
  bottom:.5rem;
  width: 100%;
  text-align: center;
  input{
    padding-left: .8rem;
    width: 16.75rem;
    height: 2rem;
    border: .05rem solid #CCCCCC;
    border-radius: .25rem;
    .fz12;
  }
  .out{
    position: absolute;
    top: .3rem;
    right: 1rem;
  }
}
